body {
    background-color: lightblue;
    font-family: Arial, sans-serif;
    text-align: center;
    h1 {
        img {
        object-fit: cover;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        }
    }
    ul.redes {
        list-style-type: none; /* quita los puntos */
        padding: 0;            /* quita la sangría por defecto */
        margin: 0;             /* opcional: quita margen */
    }
    ul.redes li {
        display: inline-block;
        transition: transform 0.3s ease;
    }
    ul.redes li:hover {
        transform: scale(1.05); 
    }
    ul.descuentos {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;              /* organizamos con flexbox */
        flex-direction: column;     /* apilados en vertical */
        align-items: center;    /* alineados al centro */
    }
    ul.descuentos li{
        list-style-type: none; /* quita los puntos */
        padding: 0;            /* quita la sangría por defecto */
        margin: 0;             /* opcional: quita margen */
        display: inline-block;
        padding: 15px 25px;        /* espacio dentro del recuadro */
        margin: 10px 0;              /* separación entre recuadros */
        background-color: white;   /* color inicial */
        border-radius: 50px;       /* borde redondeado (ovalado/“píldora”) */
        transition: background-color 0.3s ease; /* animación suave */
    }
    ul.descuentos li:hover {
        background-color: #f0f0f0; /* color al pasar el ratón */
    }
}